html body {width:100%; height:auto; background:#fff; font-size:12px; line-height:/15px;}
#page {width:770px; margin:0; padding:0; position:relative; top:0; left:0; color:#000; z-index:0;}
h1, h2, h3, h4, h5, h6 {color:#e00024; font-weight:bold; border-bottom:1px solid #e00024; width:70%;}
h1 {font-size:22px;}
h2 {font-size:20px; border:0;}
h3 {font-size:17px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}
p {font-size:12px;}
a {color:#b24;}
a.underline {text-decoration:underline;}
a:hover {color:#42b;}
img {border:0 none;}
ul li {list-style:none; padding:0;}

.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

ul.bullets li {list-style:disc !important;}
.message {position:absolute; left:460px; width:300px; margin:0; padding:0;}
.arrow-left {background:url(/images/chatspaces/arrow-left.gif) no-repeat top left; width:30px; height:20px; margin:0; padding:0;}
#formdiv .message-text {border:2px solid #f00; padding:5px; margin:0; background:#ffe1e1; color:#000;}
#formdiv input:hover {background:#dfc;}
.roomReg {width:400px; padding-bottom:20px;}
.roomReg p {font-size:10px; color:#555;}
#formTable {padding:3px; background-color:#ffe1e1; color:#222;}
#formtd div {margin-top:13px;}
#formtd span {color:#fff;}

.blogFeed {width:200px; float:right; margin-left:10px; padding:5px; border:1px solid #e00023;}
.blogFeed div {border-bottom:1px dashed #444; margin-bottom:10px;}
.blogFeed h2 {margin:0;}
.blogFeed .visitCount {font-size:9px; color:#444;}
.blogFeed p.shortBlog {font-size:10px; margin:0; padding-left:10px;}
.blogFeed p.blogDate {font-size:9px; margin:2px 0 5px 0; padding-left:15px; color:#444;}

#basic input {width:250px; margin-left:45px;}
#formdiv {width:350px; margin:0 auto;}
#formdiv td img {margin:-3px 0;}
#formdiv td {padding:3px;}
#basic #submit #button-text {position:relative; top:12px; left:36px; font-size:16px; font-weight:bold;}
#basic #submit:hover #button-text {top:15px; left:38px;}
#basic #submit #button {color:#fff; width:150px; height:50px; text-decoration:none; background:url(/images/chatspaces/button.gif) no-repeat; margin:10px 0 0 100px;}
#basic #submit:hover #button {background:url(/images/chatspaces/button-over.gif) no-repeat;}

#header {position:absolute; top:0; left:0;}

#bar, #bar * {background:url(/images/chatspaces/menu-sprite.jpg) top left repeat-x; padding:15px 0;}
#bar {position:absolute; top:260px; left:0; background-position:0 -121px; height:20px; padding:0 0 0 10px; width:100%;}
#bar span {background-position:0 -246px; padding:13px 0 15px 14px; height:20px; background-repeat:no-repeat; display:block; float:left; position:relative; top:-31px;}
#bar span span {background-position:0 -300px; float:right; top:-12px;}
#bar span a {background-position:0 -49px; font-size:16px; padding-bottom:17px; font-weight:bold; color:#fff;}
#bar span.active {background-position:0 -195px;}
#bar span.active span {background-position:0 -144px;}
#bar span.active a {background-position:0 2px;}

* html #bar {height:19px; top:264px;}
* html #bar span.menuItem {padding-bottom:0; position:absolute; background-position-y:-248px; top:-30px;}
* html #bar span.active {background-position-y:-195px;}
* html #bar span span {top:-34px;}
* html #bar span a {padding:16px 0; background-position-y:-50px;}
* html #bar span.active a {background-position-y:2px;}
* html #bar span.span1 {width:85px; left:10px;}
* html #bar span.span2 {width:115px; left:115px;}
* html #bar span.span3 {width:105px; left:250px;}
* html #bar span.span4 {width:98px; left:375px;}
* html #bar span.span5 {width:103px; left:493px;}

*:first-child+html #bar {height:19px;}
*:first-child+html #bar span a {padding:16px 0; background-position-y:-48px;}
*:first-child+html #bar span.active a {background-position-y:3px;}
*:first-child+html #bar span.active span {background-position-y:-145px;}
*:first-child+html #bar span.span1 {width:85px;}
*:first-child+html #bar span.span2 {width:115px;}
*:first-child+html #bar span.span3 {width:105px;}
*:first-child+html #bar span.span4 {width:98px;}
*:first-child+html #bar span.span5 {width:103px;}

.friendContainer {float:left; width:50%;}
.friendContainer .avatar {float:left; border:1px solid; padding:2px; margin:0 5px 5px 0;}
.friendContainer .blogCount, .friendContainer .joined {font-size:10px; color:#444; font-style:italic;}

#adsense {position:absolute; top:140px; left:350px;}
#sbi {width:120px;}
#logo-text {position:absolute; right:0;}
#quick-links {position:absolute; top:290px; right:0;}
#fast-links {position:absolute; top:-220px; left:-260px; width:200px;}
#content {z-index:999; position:absolute; top:270px; left:0; width:100%;}
#content applet {margin-top:30px;}
#footer {text-align:center; margin:0 auto; font-size:11px; color:#444; padding:10px 0;}

ul#categories li {list-style:none; border-bottom:1px dashed #879540; text-decoration:underline; color:#405C95; font-weight:bold;}
#categories ul {border:1px solid #879540; margin-bottom:5px; margin-left:20px;width:500px;}
#categories ul li {display:block; border:0; background:#D1DEE9; padding:2px 5px; width:490px;}
.ticketAnswers li {list-style:none; margin:10px; padding:5px;}
.ticketAnswers .smallText {font-size:10px; color:#777; font-weight:bold; margin-left:10px;}
.ticketAnswers .user {background:#eee; border:1px solid #ccc;}
#createTicket span, #loginTicketDiv span, #passwordChange span {display:block; clear:left; padding:5px;}
#createTicket label, #loginTicketDiv label, #passwordChange label {width:170px; float:left; text-align:right; padding:0 5px;}
#createTicket input[type=submit], #loginTicketDiv input[type=submit], #passwordChange input[type=submit] {margin-left:180px;}
ul.ticketAnswers li {width:100%;}
span.questionAsked {font-weight:bold; border-bottom:1px solid; width:80%; display:block; font-size:14px;}
#userstickets li .delete {line-height:20px;}

/*blogs*/
/*homepage*/
*:first-child+html #page #content #dock {left:380px;}
#mainpage #toplinks {margin-left:220px;}
#mainpage p.input-text {display:inline;}
#mainpage #blogsdiv, #mainpage #usernamediv {border-left:1px solid #fff;}
#mainpage #choices {font-size:1.1em; border:1px solid #fff;}
#mainpage #results {border-top:1px solid #fff;}
#mainpage td.newusers {border-right:1px solid #fff;}
#mainpage td.newblogs {padding-left:5px;}
/*login*/
#login {margin-top:35px;}
#login #logintable {border:1px solid #fff;}
#login #loginformtd {border-left:1px solid #fff;}
#login #imgtd {text-align:center;}
/*account details*/
#account-options {margin:0 auto; text-align:center;}
#account-options img {border:2px inset #aaa; padding:3px;}
#account-options img:hover {border:2px outset #aaa; padding:3px;}
#bloglink {margin:0 auto; text-align:center;}
#blogdetails, .blogdetails {margin-left:40px;}
#blogdetails p, .blogdetails p {border:1px solid #aaa; padding:3px; margin:0;}
#blogdetails p a.right, .blogdetails p a.right, #commentdetails p a.right, #otherscommentdetails p a.right {float:right;margin:4px;margin-top:-18px;}
#commentdetails, #otherscommentdetails {margin-left:40px;}
#commentdetails p, #otherscommentdetails p {border:1px solid #aaa; padding:3px; margin:0;}
/*myaccount details*/
#details, #personalsettings, #blogsettings {border:1px dashed #aaa; margin-bottom:10px; padding:5px;}
#details h1, #personalsettings h1, #blogsettings h1 {}
td.first {width:120px; text-align:right;}
.edit {float:right; margin-top:-20px;}
/*Stylesheet*/
#stylesheet {border:1px solid #aaa; padding:3px;}
.style p {text-align:center;width:50%;float:left;}
#edit-stylesheet input {position:relative; top:5px; left:430px; margin-bottom:10px;}
/*profile*/
#profile h1 {border-bottom:1px solid;}
#profile td {padding-left:5px;}
#profile .first {width:170px;border-right:1px solid;font-weight:bold;padding-right:5px;padding-left:0;}